<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <!-- 相当于是说这个div的.innerText = msg -->
        <div v-text="msg">原本的内容1</div>
        <!-- 相当于是说这个div的.innerHTML = msg -->
        <div v-html="msg">原本的内容2</div>

        <!-- 之前学的插值语法，好像也是用来显示双标签里内容的 -->
        <!-- 它遇到标签页是当作纯文本 -->
        <!-- 但它会保留原本的内容，它只会把写{{}}的地方替换成最终数据 -->
        <div>原本的内容3 -- {{ msg }}</div>
    </div>

    <script src="./vue.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: {
                msg: '<h3>我是msg</h3>'
            }
        })
    </script>
</body>
</html>